<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:body>
        <ui:composition template="./../plantillas/plantillaBase.xhtml">
            <ui:define name="titulo">
                Modificar catalogo
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript" src="../resources/js/validaciones/validacion.js"></script>
            </ui:define>
            <ui:define name="contenido">
                <p:growl id="messagesCatalog" showDetail="true"/>
                <h:form prependId="false">
                    <p:fieldset id="datosTabla" legend="Elementos del Catalogo: #{managerMantenimiento.nombreTabla}">
                        <div align="center">
                            <p:dataTable id="catalogElements" value="#{managerMantenimiento.listaTemporal}" var="item" style="width: 550px;">
                                <f:facet name="header">
                                    <h:outputText value="#{managerMantenimiento.nombreTabla}" style="font-size: 15px; font-style: italic;"/>
                                </f:facet>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        <h:outputText value="Idtabla" />
                                    </f:facet>
                                    <h:outputText value="#{item.idtemporal}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        <h:outputText value="Contenido" />
                                    </f:facet>
                                    <h:outputText value="#{item.temporal}" />
                                </p:column>
                            </p:dataTable>
                        </div>
                    </p:fieldset>
                    <br/>
                    <p:fieldset id="updateData" legend="Actualizar">
                        <h:outputLabel  value="Ingrese el numero de fila y el nuevo dato si desea midificar un dato existente "/>
                        <h:panelGrid columns="3" cellspacing="8">
                            <h:panelGroup>
                                <h:outputLabel  for="fila" value="Numero de Fila: "/>
                                <h:inputText id="fila" value="#{managerMantenimiento.idactualizar}"  onkeypress="return acceptNum(event);"/>
                            </h:panelGroup>
                            <h:panelGroup>
                                <h:outputLabel  for="dato" value="Nuevo dato: "/>
                                <h:inputText id="dato"  value="#{managerMantenimiento.datoActualizar}">
                                    <f:validator validatorId="checkvalideApellido" />
                                </h:inputText>
                            </h:panelGroup>
                            <p:commandButton image="ui-icon ui-icon-circle-check" id="act" value="Actualizar"  action="#{managerMantenimiento.actualizaCatalogo}" process="updateData" update="messagesCatalog datosTabla updateData catalogElements"/>
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                    <p:fieldset legend="Nuevo Dato" id="nuevoDato">
                        <h:outputLabel  value="Para ingresar un nuevo dato solamente ingrese el nuevo dato."/>
                        <h:panelGrid columns="2" cellspacing="8">
                            <h:panelGroup>
                                <h:outputLabel  for="datonuevo" value="Nuevo dato: "/>
                                <h:inputText id="datonuevo" value="#{managerMantenimiento.nuevoDato}">
                                    <f:validator validatorId="checkvalideApellido" />
                                </h:inputText>
                            </h:panelGroup>
                            <p:commandButton image="ui-icon ui-icon-circle-plus" value="Agregar"  action="#{managerMantenimiento.nuevo}" process="@this nuevoDato" update="catalogElements datonuevo messagesCatalog updateData"/>
                        </h:panelGrid>

                    </p:fieldset>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-check" value="Terminar"  action="salir-Bienve" process="@this"/>
                </h:form>
            </ui:define>
        </ui:composition>

    </h:body>
</html>
